import * as React from "react"
import {
  ChakraProvider,
  Box,
  extendTheme,
} from "@chakra-ui/react"
import { ColorModeSwitcher } from "./ColorModeSwitcher"
import { Logo } from "./Logo"
import Auth from "./components/Auth"
import COLORS from './styles/colors';

const theme = extendTheme({
  colors: {
    customize: COLORS,
  }
});

export const App = () => (
  <ChakraProvider theme={theme}>
    <Box textAlign="center" fontSize="xl">
      <Auth/>
    </Box>
  </ChakraProvider>
)
